<template>
  <div style="background:beige">
     <div class="text">
        基于SpringBoot+mybatisplus+xxl-job实现测试平台后端<br />
        基于vue+element-ui 实现测试平台前端<br />
        前端git地址：https://gitee.com/dingwen-star/ittest-plant-from.git<br />
        后端git地址：https://gitee.com/dingwen-star/ittest.git <br /><br />
        操作手册<hr/>
     </div>
     
    <h1 style="text-align:center;text-align: center;">添加项目</h1>
    <img src="../assets/img/添加项目.png"
         alt="添加项目" />
    <h1 style="text-align:center">添加模块环境</h1>
    <span class="tips"><b>说明：</b>模块关联接口，环境:接口运行环境</span>
    <img src="../assets/img/添加模块环境.png"
         alt="添加模块环境" />
    <h1 style="text-align:center">添加接口</h1>
    <img src="../assets/img/添加接口.png"
         alt="添加接口" />
    <h1 style="text-align:center">创建任务</h1>
    <span class="tips"><b>说明：</b>只有创建任务，关联模块，才可以添加测试用例，邮箱为测试报告和job预警发送邮箱，可为空</span>
    <img src="../assets/img/创建任务.png"
         alt="创建任务" />
    <h1 style="text-align:center">添加用例及套件</h1>
    <span class="tips"><b>说明：</b>添加套件，套件关联测试用例，接口只能选取任务管理模块接口，用例有排序，执行任务是会按照测试套件测试用例排序运行</span>
    <img src="../assets/img/添加用例及套件.png"
         alt="添加用例及套件" />
    <h1 style="text-align:center">单个用例运行</h1>
    <span class="tips"><b>说明：</b>用例调试，调试不可以使用变量，无报告</span>
    <img src="../assets/img/单个用例运行.png"
         alt="单个用例运行" />
    <h1 style="text-align:center">响应提取</h1>
    <span class="tips"><b>说明：</b>响应提取，实现方式为jsonPath，可根据json结构提取参数</span>
    <img src="../assets/img/响应提取.png"
         alt="响应提取" />
    <h1 style="text-align:center">响应断言</h1>
    <span class="tips"><b>说明：</b>响应断言，目前支持eq 就是参数包含为真，未包含为假</span>
    <img src="../assets/img/响应提取.png"
         alt="响应提取" />
    <h1 style="text-align:center">参数使用</h1>
    <span class="tips"><b>说明：</b>参数使用：系统参数at_开头，变量名称注意不要和系统冲突，首次使用为#at_phone#,再次使用为#at_phone#,响应提取使用为#params#</span>
    <img src="../assets/img/参数使用.png"
         alt="参数使用" />
    <h1 style="text-align:center">运行任务</h1>
    <span class="tips"><b>说明：</b>运行任务 需要选择需要允许的环境，生成测试报告可根据名称查询 </span>
    <img src="../assets/img/运行任务.png"
         alt="运行任务" />
    <h1 style="text-align:center">定时任务</h1>
    <span class="tips"><b>说明：</b>定时任务 添加为草稿状态，启用任务会写入xxl-job，预警邮箱为创建任务时填写邮箱，为空预警不会发送</span>
    <img src="../assets/img/定时任务.png"
         alt="定时任务" />
    <h1 style="text-align:center">job_详情</h1>
    <img src="../assets/img/job_详情.png"
         alt="job_详情" />
    <h1 style="text-align:center">xxl-job预警邮件</h1>
    <img src="../assets/img/xxl-job预警邮件.png"
         alt="xxl-job预警邮件" />
    <h1 style="text-align:center">运行记录</h1>
    <img src="../assets/img/运行记录.png"
         alt="运行记录" />
    <h1 style="text-align:center">测试报告</h1>
    <img src="../assets/img/测试报告.png"
         alt="测试报告" />
    <h1 style="text-align:center">邮件信息</h1>
    <img src="../assets/img/邮件信息.png"
         alt="邮件信息" />
    <h1 style="text-align:center">数据分析</h1>
    <span class="tips"><b>说明：</b>数据分析 默认为最近一个任务，若为允许则数据为空</span>
    <img src="../assets/img/数据分析.png"
         alt="数据分析" />
  </div>
</template>

<script>
export default {
  name: 'Help',
  data() {
    return {}
  },
}
</script>

<style>
.tips {
  font-size: 20px;
  color: #9a050a;
  font-weight: bold;
}
h1 {
  padding: 10px;
}
.text{
  font-size: 22px;
  color: rgba(27, 5, 154, 0.911);
  font-weight: bold;
}
</style>